<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>demo</title>
	<meta name="keywords" content=""/>
	<meta name="description" content=""/>
	<meta name="viewport" content="width=device-width"/>
	<style>
		.clearfix:after{content:".";display:block;clear:both;visibility:hidden;overflow:hidden;height:0;}
		.clearfix{zoom:1;}
		body{margin:0;padding:0;font-family:"宋体",Arial, Helvetica, sans-serif;font-size:12px;color:#333;}
		ul{margin:0;padding:0;}
		li{list-style:none;}
		a{text-decoration:none;color:#333;}
		.content{margin:40px auto;width:1000px;}
		.content #tabmenu{float:left;}
		.tab-menu-container{position:relative;height:43px;border-bottom:1px solid #1770c6;}
		.tab-menu-container i{position:absolute;top:7px;display:inline-block;width:5px;height:25px;background-color:#1770c6;}
		.tab-menu-container span{float:left;padding-left:20px;padding-right:150px;height:40px;line-height:40px;font-size:16px;font-weight:bold;vertical-align:baseline;}
		#tabmenu li{float:left;padding:0 8px;width:80px;height:40px;line-height:40px;text-align:center;}
		#tabmenu li a{display:block;}

		.tab-menu-selected{border-top:3px solid #1770c6;border-bottom:1px solid #fff;border-left:1px solid #1770c6;border-right:1px solid #1770c6;}
		.tab-menu-hide{border-top-color:#fff;border-bottom-color:#1770c6;border-left-color:#fff;border-right-color:#fff;}

		.content .tab-cont{padding:10px 2px;}
		.content .tab-cont{display:none;}
		.content .selected{display:block;}
		.content .tab-cont li{height:30px;line-height:30px;}
		.tab-cont-odd{background:#f5f5f5;border-top:1px solid #f0f0ec;border-bottom:1px solid #f0f0ec;}
		.content .tab-cont li a{display:inline-block;width:490px;}
		.content .tab-cont li .comName{float:left;margin-left:10px;width:242px;}
		.content .tab-cont li .comAdress{float:left;margin-right:20px;}
		.content .tab-cont li .comMoney{float:left;color:#ff6201;}

		.foot{margin:0 auto;width:1000px;height:400px;background:#faf;}
	</style>
	<script>
		window.onload = function () {
			var tabcontent = document.getElementById('tabcontent');
			var tabmenucont = tabcontent.getElementsByClassName('tab-menu-container');
			var tabmenu = tabmenucont[0].getElementsByTagName('ul');
			var tabmenuList = tabmenu[0].getElementsByTagName('li');
			var tabBox = document.getElementsByClassName('tab-box')[0];
			var tabCont = tabBox.getElementsByTagName('ul');

			for (var i = 0; i < tabmenuList.length; i++) {
				tabmenuList[i].onmouseover = function(i){
					return function(){
						for (var j = 0; j < tabmenuList.length; j++) {
							tabmenuList[j].className = 'tab-menu-hide';
							tabmenuList[i].className = 'tab-menu-selected';
							tabCont[j].className = 'tab-cont hide';
							tabCont[i].className = 'tab-cont selected';
						}
					}
				}(i)
			}

			// tabmenuList[0].onmouseover = function(){
			// 	tabmenuList[0].className = 'tab-menu-selected';
			// 	tabmenuList[1].className = 'tab-menu-hide';
			// 	tabmenuList[2].className = 'tab-menu-hide';
			// 	tabmenuList[3].className = 'tab-menu-hide';
			// 	tabmenuList[4].className = 'tab-menu-hide';
			// 	tabCont[0].className = 'tab-cont selected';
			// 	tabCont[1].className = 'tab-cont';
			// 	tabCont[2].className = 'tab-cont';
			// 	tabCont[3].className = 'tab-cont';
			// 	tabCont[4].className = 'tab-cont';
			// }
			
			// tabmenuList[1].onmouseover = function(){
			// 	tabmenuList[1].className = 'tab-menu-selected';
			// 	tabmenuList[0].className = 'tab-menu-hide';
			// 	tabmenuList[2].className = 'tab-menu-hide';
			// 	tabmenuList[3].className = 'tab-menu-hide';
			// 	tabmenuList[4].className = 'tab-menu-hide';
			// 	tabCont[1].className = 'tab-cont selected';
			// 	tabCont[0].className = 'tab-cont';
			// 	tabCont[2].className = 'tab-cont';
			// 	tabCont[3].className = 'tab-cont';
			// 	tabCont[4].className = 'tab-cont';
			// }
			
			// tabmenuList[2].onmouseover = function(){
			// 	tabmenuList[2].className = 'tab-menu-selected';
			// 	tabmenuList[1].className = 'tab-menu-hide';
			// 	tabmenuList[0].className = 'tab-menu-hide';
			// 	tabmenuList[3].className = 'tab-menu-hide';
			// 	tabmenuList[4].className = 'tab-menu-hide';
			// 	tabCont[2].className = 'tab-cont selected';
			// 	tabCont[1].className = 'tab-cont';
			// 	tabCont[0].className = 'tab-cont';
			// 	tabCont[3].className = 'tab-cont';
			// 	tabCont[4].className = 'tab-cont';

			// }
			
			// tabmenuList[3].onmouseover = function(){
			// 	tabmenuList[3].className = 'tab-menu-selected';
			// 	tabmenuList[1].className = 'tab-menu-hide';
			// 	tabmenuList[2].className = 'tab-menu-hide';
			// 	tabmenuList[0].className = 'tab-menu-hide';
			// 	tabmenuList[4].className = 'tab-menu-hide';
			// 	tabCont[3].className = 'tab-cont selected';
			// 	tabCont[1].className = 'tab-cont';
			// 	tabCont[2].className = 'tab-cont';
			// 	tabCont[0].className = 'tab-cont';
			// 	tabCont[4].className = 'tab-cont';

			// }
			
			// tabmenuList[4].onmouseover = function(){
			// 	tabmenuList[4].className = 'tab-menu-selected';
			// 	tabmenuList[1].className = 'tab-menu-hide';
			// 	tabmenuList[2].className = 'tab-menu-hide';
			// 	tabmenuList[3].className = 'tab-menu-hide';
			// 	tabmenuList[0].className = 'tab-menu-hide';
			// 	tabCont[4].className = 'tab-cont selected';
			// 	tabCont[1].className = 'tab-cont';
			// 	tabCont[2].className = 'tab-cont';
			// 	tabCont[3].className = 'tab-cont';
			// 	tabCont[0].className = 'tab-cont';

			// }
			
		}
		

	</script>

</head>
<body>
	<div id="tabcontent" class="content clearfix">
		<div id="tabmenucont" class="tab-menu-container clearfix">
			<i></i>
			<span>新安猎聘</span>
			<ul id="tabmenu">
				<li class="tab-menu-selected"><a href="#">房产开发</a></li>
				<li class="tab-menu-hide"><a href="#">IT互联网</a></li>
				<li class="tab-menu-hide"><a href="#">智能制造</a></li>
				<li class="tab-menu-hide"><a href="#">商业零售</a></li>
				<li class="tab-menu-hide"><a href="#">金融投资</a></li>
			</ul>
		</div>
		<div class="tab-box">
			<ul class="tab-cont selected">
				<li>
					<a href="#">
						<span class="comName">猎头顾问</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：5000-7000元</span>
					</a>
					<a href="#">
						<span class="comName">产业园招商项目推进总监</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：30000-49999元</span>
					</a>
				</li>
				<li class="tab-cont-odd">
					<a href="#">
						<span class="comName">产业招商总监</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：面议</span>
					</a>
					<a href="#">
						<span class="comName">项目总经理</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：30000-49999元</span>
					</a>
				</li>
				<li>
					<a href="#">
						<span class="comName">项目公司财务经理</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：20000-29999元</span>
					</a>
					<a href="#">
						<span class="comName">运营副总经理</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：20000-29999元</span>
					</a>
				</li>
				<li class="tab-cont-odd">
					<a href="#">
						<span class="comName">营销副总经理</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：20000-29999元</span>
					</a>
					<a href="#">
						<span class="comName">投资拓展经理</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：15000-19999元</span>
					</a>
				</li>
				<li>
					<a href="#">
						<span class="comName">人力资源总监</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：10000-14999元</span>
					</a>
					<a href="#">
						<span class="comName">投资总监</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：30000-49999元</span>
					</a>
				</li>
				<li class="tab-cont-odd">
					<a href="#">
						<span class="comName">投资总监</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：面议</span>
					</a>
					<a href="#">
						<span class="comName">招聘高级经理/主管</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：面议</span>
					</a>
				</li>
				<li>
					<a href="#">
						<span class="comName">地产公司总经理</span>
						<span class="comAdress">淮北市</span>
						<span class="comMoney">月薪：30000-49999元</span>
					</a>
					<a href="#">
						<span class="comName">项目总经理</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：面议</span>
					</a>
				</li>
				<li class="tab-cont-odd">
					<a href="#">
						<span class="comName">计划运营高级主管</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：10000-14999元</span>
					</a>
					<a href="#">
						<span class="comName">工程项目经理</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：面议</span>
					</a>
				</li>
			</ul>
			<ul class="tab-cont">
				<li>
					<a href="#">
						<span class="comName">c++高级工程师</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：15000-19999元</span>
					</a>
					<a href="#">
						<span class="comName">人力资源总监</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：10000-14999元</span>
					</a>
				</li>
				<li class="tab-cont-odd">
					<a href="#">
						<span class="comName">嵌入式软件工程师</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：20000-29999元</span>
					</a>
					<a href="#">
						<span class="comName">业务方案项目经理</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：15000-19999元</span>
					</a>
				</li>
				<li>
					<a href="#">
						<span class="comName">ERP项目经理</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：10000-14999元</span>
					</a>
					<a href="#">
						<span class="comName">电商总监</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：15000-19999元</span>
					</a>
				</li>
			</ul>
			<ul class="tab-cont">
				<li>
					<a href="#">
						<span class="comName">产业服务公司总经理</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：50000-100000元</span>
					</a>
					<a href="#">
						<span class="comName">注塑工程师</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：7000-10000元</span>
					</a>
				</li>
				<li class="tab-cont-odd">
					<a href="#">
						<span class="comName">电源高级工程师</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：7000-10000元</span>
					</a>
					<a href="#">
						<span class="comName">人力资源总监</span>
						<span class="comAdress">芜湖市</span>
						<span class="comMoney">月薪：7000-10000元</span>
					</a>
				</li>
				<li>
					<a href="#">
						<span class="comName">电机控制工程师</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：7000-10000元</span>
					</a>
					<a href="#">
						<span class="comName">硬件高级研发工程师</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：7000-10000元</span>
					</a>
				</li>
				<li class="tab-cont-odd">
					<a href="#">
						<span class="comName">硬件高级研发工程师</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：7000-10000元</span>
					</a>
					<a href="#">
						<span class="comName">审计主管</span>
						<span class="comAdress">芜湖市</span>
						<span class="comMoney">月薪：7000-10000元</span>
					</a>
				</li>
				<li>
					<a href="#">
						<span class="comName">销售总监</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：7000-10000元</span>
					</a>
					<a href="#">
						<span class="comName">嵌入式软件工程师</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：7000-10000元</span>
					</a>
				</li>
				<li class="tab-cont-odd">
					<a href="#">
						<span class="comName">销售副总监</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：7000-10000元</span>
					</a>
				</li>
			</ul>
			<ul class="tab-cont">
				<li class="tab-cont-odd">
					<a href="#">
						<span class="comName">招商总监</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：15000-19999元</span>
					</a>
				</li>
			</ul>
			<ul class="tab-cont">
				<li>
					<a href="#">
						<span class="comName">人力资源总监</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：20000-29999元</span>
					</a>
					<a href="#">
						<span class="comName">人力资源总监</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：20000-29999元</span>
					</a>

				</li>
				<li class="tab-cont-odd">
					<a href="#">
						<span class="comName">商业保理业务总</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：20000-29999元</span>
					</a>
					<a href="#">
						<span class="comName">不良资产处置总</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：20000-29999元</span>
					</a>
				</li>
				<li>
					<a href="#">
						<span class="comName">风控部负责人</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：20000-29999元</span>
					</a>
					<a href="#">
						<span class="comName">风控部负责人</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：20000-29999元</span>
					</a>
				</li>
				<li class="tab-cont-odd">
					<a href="#">
						<span class="comName">高级财务经理</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：20000-29999元</span>
					</a>
					<a href="#">
						<span class="comName">资金副总裁</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：20000-29999元</span>
					</a>
				</li>
				<li>
					<a href="#">
						<span class="comName">战略规划总</span>
						<span class="comAdress">合肥市</span>
						<span class="comMoney">月薪：20000-29999元</span>
					</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="foot"></div>
	
</body>
</html>